@media screen and (min-width: 900px) {
    
    body
    {
        padding:0;
        margin: 0;
    }
    #wrapper
    {
        width: 900px;
        margin: auto;
     
    }
    #desc1
    {
        width: 400px;
        float: left;
        padding-right: 50px;
        color: green;
    }
    #desc2
    {
        width: 400px;
        float: left;
        padding-right: 50px;
        padding-bottom: 50px;
        color: red;
    }
    #desc3
    {
        width: 400px;
        float: left;
        padding-right: 50px;
        color: blue;
    }
    #desc4
    {
        width: 400px;
        float: left;
        padding-right: 50px;
        color: aqua;
    }
}
@media screen and (max-width: 899px) {
    
    body
    {
        padding:0;
        margin: 0;
     
    }
    #wrapper
    {
        width: 700px;
        margin: auto;
     
    }
    #desc1
    {
        width: 300px;
        float: left;
        padding-right: 50px;
        color: green;
    }
    #desc2
    {
        width: 300px;
        float: left;
        padding-right: 50px;
        padding-bottom: 50px;
        color: red;
    }
    #desc3
    {
        width: 300px;
        float: left;
        padding-right: 50px;
        color: blue;
    }
    #desc4
    {
        width: 300px;
        float: left;
        padding-right: 50px;
        color: aqua;
    }    
    }
@media screen and (max-width: 699px) {
    
    body
    {
        padding:0;
        margin: 0;
    
    }
    #wrapper
    {
        width: 400px;
        margin: auto;
     
    }
    #desc1
    {
        width: 150px;
        float: left;
        padding-right: 50px;
        color: green;
    }
    #desc2
    {
        width: 150px;
        float: left;
        padding-right: 50px;
        padding-bottom: 50px;
        color: red;
    }
    #desc3
    {
        width: 150px;
        float: left;
        padding-right: 50px;
        color: blue;
    }
    #desc4
    {
        width: 150px;
        float: left;
        padding-right: 50px;
        color: aqua;
    }
}
@media screen and (max-width: 399px) {
    
    body
    {
        padding:0;
        margin: 0;
    
    }
    #wrapper
    {
        width: 200px;
        margin: auto;
        
     
    }
    #desc1
    {
        width: 200px;
        color: green;
        padding-bottom: 50px;
    }
    #desc2
    {
 width: 200px;
        color: red;
          padding-bottom: 50px;
    }
    #desc3
    {
 width: 200px;
        color: blue;
          padding-bottom: 50px;
    }
    #desc4
    {
 width: 200px;
        color: aqua;
          padding-bottom: 50px;
    }
}